html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
  inset-block-start: 0;
  height: 100vh;
  background-color: #001A6A;
}

.ant-menu-light {
  color: rgba(255, 255, 255, 0.6);
}

.ant-menu-light .ant-menu-submenu-selected>.ant-menu-submenu-title {
  color: #FFFFFF;
  font-weight: 500;
}

.ant-menu-light .ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),
.ant-menu-light .ant-menu-submenu-title:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),
.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-submenu-title:hover,
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-selected {
  color: #FFFFFF !important;
  background-color: #4370FA !important;
  border-radius: 8px;
}

.ant-menu.ant-menu-inline-collapsed {

  .ant-menu-item,
  .ant-menu-submenu-title {
    margin: 0;
    margin-inline: 0;
    width: 100%;
    border-radius: 0 !important;
  }
}

.ant-menu-sub.ant-menu-inline {
  @keyframes fadin {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  animation: fadin .2s ease .1s backwards;
}

.ant-menu-submenu-popup {
  .ant-menu-vertical>.ant-menu-item {
    background-color: #fff !important;
    color: #4E4E57 !important;
  }

  .ant-menu-vertical>.ant-menu-item:hover,
  .ant-menu-vertical>.ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),
  .ant-menu-vertical>.ant-menu-item-selected {
    font-weight: 500;
    color: #4370FA !important;
    background-color: #fff !important;
  }
}

.ant-pro .ant-pro-layout .ant-pro-sider.ant-layout-sider-collapsed {
  .ant-layout-sider-children {
    padding-inline: 0px;
  }
}

.ant-menu-light.ant-menu-inline .ant-menu-item,
.ant-menu-submenu .ant-menu-submenu-title {
  font-size: 15px;
}

.ant-menu-submenu .ant-menu-item {
  font-size: 14px !important;
}

.ant-layout .ant-layout-header {
  display: none;
}

.ant-pro-layout .ant-layout-header.ant-pro-layout-header {
  height: auto;
}

.ant-pro-global-header-logo {
  margin-inline-end: 0;
}

.ant-pro-page-container .ant-pro-page-container-warp-page-header {
  display: none;
}

.ant-pro .ant-pro-layout .ant-pro-layout-bg-list {

  background: #F2F3F8;
}

.ant-breadcrumb-link {

  font-size: 14px;
  color: #999999;

  &:hover {
    color: #4370FA;
  }

  &.active {
    color: #4370FA;
  }

  .ant-breadcrumb-separator {
    margin-inline: 8px;
    color: rgba(0, 0, 0, 0.45);
  }

  &:last-child>.ant-breadcrumb-separator {
    display: none;
  }
}

.ant-pro-page-container .ant-pro-page-container-warp-page-header~.ant-pro-grid-content .ant-pro-page-container-children-content {
  padding-inline: 20px;
  padding-block: 20px;
}

.ant-pro-layout .ant-layout-header.ant-pro-layout-header-fixed-header {
  display: block;
  position: sticky;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}